<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="Master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"           
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="title">Productos</ui:define> 
    <ui:insert name="cssk"></ui:insert> 
    <ui:define name="scritpK">        
    </ui:define>    
    <ui:define name="content">
        <h:form id="frmProducto" >
            <p:growl id="gwlProducto" showDetail="true"/>
            <p:toolbar>
                <f:facet name="left">
                    <p:button id="btnVolver" icon="ui-icon-arrowreturnthick-1-w" value="Volver" outcome="ListaProductos"/>
                    <p:commandLink value="Agregar Campos" action="#{articuloBean.addArticuloCampo}" update="pnlMain"/>
                </f:facet>
                <f:facet name="right">
                    <p:commandButton id="btnGuardar" icon="ui-icon-disk" value="Guardar" action="#{articuloBean.saveArticulo}" update="pnlMain,gwlProducto"/>
                </f:facet>
            </p:toolbar>
            <br></br>
            <h:inputHidden value="#{articuloBean.articuloDTO.idArticulo}"/>
            <p:fieldset legend="Editar Producto">
                <p:panel id="pnlMain"> 
                <h:panelGrid id="grid" cellpadding="4" columns="2" style="margin: 0 auto;">
                    <p:outputLabel id="txtCode" value="Codigo: #{articuloBean.articuloDTO.code}">
                    </p:outputLabel>
                    <p:spacer></p:spacer>
                    <p:outputLabel for="txtDescripcion" value="Descripción:"/>
                    <p:inputTextarea id="txtDescripcion" value="#{articuloBean.articuloDTO.descripcion}">
                    </p:inputTextarea>
                    <p:outputLabel for="txtPrecioCompra" value="Precio Compra:"/>
                    <p:inputText id="txtPrecioCompra" value="#{articuloBean.articuloDTO.precioCompra}">
                        <f:convertNumber type="currency" currencySymbol=""/>
                    </p:inputText>
                    <p:outputLabel for="txtPrecioVenta" value="Precio Venta:"/>
                    <p:inputText id="txtPrecioVenta" value="#{articuloBean.articuloDTO.precioVenta}">
                        <f:convertNumber type="currency" currencySymbol=""/>
                    </p:inputText>
                    <p:outputLabel for="txtMarca" value="Marca:"/>
                    <p:inputText id="txtMarca" value="#{articuloBean.articuloDTO.marca}">
                    </p:inputText>
                    <p:outputLabel for="txtCategoria" value="Categoria:"/>
                    <p:selectOneMenu id="txtCategoria" value="#{articuloBean.articuloDTO.subcategoriaDTO}" converter="subcategoriaDTOConverter"
                         effect="fade" var="t" style="width:160px" filter="true" filterMatchMode="startsWith">
                        <f:selectItem itemLabel="Select One" itemValue="" />  
                        <f:selectItems value="#{categoriaBean.listProducto()}" var="subcategoriaDTO" itemLabel="#{subcategoriaDTO.nombre}" itemValue="#{subcategoriaDTO}" />
                        <p:column>
                            <h:outputText value="#{t.nombre}" />
                        </p:column>
                    </p:selectOneMenu>
                    <p:outputLabel for="txtUnidad" value="Unidad:"/>
                    <p:selectOneMenu id="txtUnidad" value="#{articuloBean.articuloDTO.subcategoriaUnidadDTO}" converter="subcategoriaDTOConverter"
                         effect="fade" var="t" style="width:160px" filter="true" filterMatchMode="startsWith">
                        <f:selectItem itemLabel="Select One" itemValue="" />  
                        <f:selectItems value="#{categoriaBean.listTipoUnidad()}" var="subcategoriaDTO" itemLabel="#{subcategoriaDTO.nombre}" itemValue="#{subcategoriaDTO}" />
                        <p:column>
                            <h:outputText value="#{t.nombre}" />
                        </p:column>
                    </p:selectOneMenu>
                    <h:panelGroup rendered="#{not empty articuloBean.labels}">
                    <ui:repeat value="#{articuloBean.labels}" varStatus="loop" var="label">
                        <tr>
                        <td>
                        <p:inputText id="label" value="#{label.nameLabel}" rendered="#{label.nameLabel == null || label.nameLabel == ''}">
                        <p:watermark for="label" value="Label" />
                        </p:inputText>
                        <p:outputLabel for="label" value="#{label.nameLabel}:" rendered="#{label.nameLabel != ''}"/>
                        </td>
                        <td>
                        <p:inputText id="value" value="#{label.valueLabel}">
                        <p:watermark for="value" value="Value" />
                        </p:inputText>
                        </td>
                        </tr>
                    </ui:repeat>
                    </h:panelGroup>
                </h:panelGrid>        
            </p:panel>
            </p:fieldset>
        </h:form>
        <p:spacer height="30px;"/>
        <h:form>
        <p:fieldset legend="Stock de Producto">
            <h:panelGrid columns="4" cellpadding="4">
            <p:outputLabel for="txtStock" value="Total Stock:"/>
            <p:outputLabel id="txtStock" value="#{articuloBean.articuloDTO.stock}"/>
            </h:panelGrid>
            <h:panelGrid columns="1" cellpadding="4" style="margin: 0 auto;">
            <p:dataTable id="table1" value="#{articuloBean.articuloDTO.articulosInventario}" var="ol">
                <f:facet name="header">
                    <h:outputText value="Entrada: #{articuloBean.cantidadInventario()}"/>
                </f:facet>
                <p:column filterBy="#{ol.inventarioDTO.numGuia}" headerText="Número de Guía">
                    <h:outputText value="#{ol.inventarioDTO.numGuia}"/>
                </p:column>
                <p:column filterBy="#{ol.inventarioDTO.fecha}" headerText="Fecha">
                    <h:outputText value="#{ol.inventarioDTO.fecha}"/>
                </p:column>
                <p:column filterBy="#{ol.inventarioDTO.estado}" headerText="Estado">
                    <h:outputText value="#{ol.inventarioDTO.estado}"/>
                </p:column>
                <p:column headerText="Cantidad">
                    <h:outputText value="#{ol.cantidad}"/>
                </p:column>
            </p:dataTable>
            <p:dataTable id="table2" value="#{articuloBean.articuloDTO.comprobanteDetalleDTO}" var="o">
                <f:facet name="header">
                    <h:outputText value="Salida: #{articuloBean.cantidadComprobante()}"/>
                </f:facet>
                <p:column filterBy="#{o.comprobanteDTO.numComp}" headerText="N° de Comprobante">
                    <h:outputText value="#{o.comprobanteDTO.numComp}"/>
                </p:column>
                <p:column filterBy="#{o.comprobanteDTO.numGuia}" headerText="N° de Guía">
                    <h:outputText value="#{o.comprobanteDTO.numGuia}"/>
                </p:column>
                <p:column filterBy="#{o.comprobanteDTO.fecha}" headerText="Fecha">
                    <h:outputText value="#{o.comprobanteDTO.fecha}"/>
                </p:column>
                <p:column filterBy="#{o.comprobanteDTO.estado}" headerText="Estado">
                    <h:outputText value="#{o.comprobanteDTO.estado}"/>
                </p:column>
                <p:column headerText="Cantidad">
                    <h:outputText value="#{o.cant}"/>
                </p:column>
            </p:dataTable>
            </h:panelGrid>
        </p:fieldset>
        </h:form>
    </ui:define>
    <ui:define name="dialogos">           
    </ui:define> 

</ui:composition>